$(function(){

  // 1- 导航 
  function getNav() {
    $.ajax({
      url: 'http://127.0.0.1:9090/api/getbaicaijiatitle',
      dataType: 'json',
      success: function(info){
        console.log(info);
      $('.tab').html(template('tmp',info))
      setDate()
      }
    })
  }
  getNav();

  function setDate( ) {
    var startX = 0;
    var moveX = 0 ;
    var x = 0;
    var width1 = $('.tab').css('width');
    var wd = $('.wd').css('width')
    var width2 = $('.mm-layout').css('width');
    var width =  parseInt(width1) - parseInt(width2) +  parseInt(wd)
    console.log(width);
   
    $('.tab')[0].ontouchstart = function(e){
      startX = e.targetTouches[0].clientX
      
    }
    $('.tab')[0].ontouchmove = function(e){
      moveX = e.targetTouches[0].clientX
      x = startX - moveX;
      // console.log(x);
      var left = $('.tab').css('left')
      console.log(left);
      
      if(x > 0) {
        // 右滑
          $('.tab').css('left',-x+'px')
      }
      if(x < 0) {
        // 左滑
        $('.tab').css('left',Math.abs(x) +'px')
      }
    }
    $('.tab')[0].ontouchend = function(e){
      // console.log(e) 
    //  if(x > 0) {
    //     // 右滑
    //       $('.tab').css('left',-x+'px')
    //   }
    //   if(x < 0) {
    //     // 左滑
    //     $('.tab').css('left',Math.abs(x) +'px')
    //   }
    }
  }
  
  var index = 0;

  function render() {
    $.ajax({
      url: 'http://127.0.0.1:9090/api/getbaicaijiaproduct',
      data: {
        titleid: index
      },
      dataType: 'json',
      success: function(info){
        console.log(info);
        $('.content').html(template('tmp-content',info))
      }
    })
  }
render()
  $('.tab').on('click','a',function(){
    index = $(this).data('id');
    console.log(index);
    render()
  }) 

})


